<!DOCTYPE html>
<html lang="en">
<head>
    <title>机动车驾驶人满分教育记录单</title>
    <#include "/header.html"/>
    <link rel="stylesheet" type="text/css"
          href="${request.contextPath}/statics/css/modules/onlinestudy/printRecord.css"/>
    <style type="text/css">
        html{
            overflow-y:auto;
        }
    </style>
    <script type="text/javascript">
        var id = GetQueryString("id");
    </script>
</head>
<body>
<div id="vue_app">
    <div class="container">
        <div id="printContent">
            <h1 class="text-center">机动车驾驶人满分教育记录单（正面）</h1>
            <div class="page-box">
                <div class="">
                    <span class="photo-shell pull-right"></span>
                    <div class="clearfix">
                        <div class="info-left pull-left">
                            <p>姓名：<span>{{xxxx.name }}</span></p>
                            <p>档案编号：<span>{{xxxx.dabh }}</span></p>
                            <p>学习类型：
                                <span v-if="xxxx.studytype === '1'">
                                    6+1学习
                                </span>
                                <span v-else>
                                    3+3+1学习
                                </span>
                            </p>
                        </div>
                        <div class="info-right pull-left">
                            <p>准驾车型：
                                <span v-if="xxxx.jclx === '01'">
                                   小型汽车
                                </span>
                                <span v-else>
                                    大型汽车
                                </span>
                            </p>
                            <p>身份证号：<span>{{xxxx.sfzh }}</span></p>
                            <p>测试成绩：<span></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-box">
                <h2 class="text-center">道路交通安全法律、法规教育学习记录单</h2>
                <div class="">
                    <table class="study-record" border="0" cellspacing="0" cellpadding="">
                        <tr>
                            <td>教育时间</td>
                            <td></td>
                            <td>驾驶人签字</td>
                            <td></td>
                            <td>教练签字</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>教育时间</td>
                            <td></td>
                            <td>驾驶人签字</td>
                            <td></td>
                            <td>教练签字</td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>教育时间</td>
                            <td></td>
                            <td>驾驶人签字</td>
                            <td></td>
                            <td>教练签字</td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>教育时间</td>
                            <td></td>
                            <td>驾驶人签字</td>
                            <td></td>
                            <td>教练签字</td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>教育时间</td>
                            <td></td>
                            <td>驾驶人签字</td>
                            <td></td>
                            <td>教练签字</td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>教育时间</td>
                            <td></td>
                            <td>驾驶人签字</td>
                            <td></td>
                            <td>教练签字</td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="page-box">
                <p class="text-indent">驾驶人因交通违法累积记分达到12分，
                    于&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日
                    至&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日
                    参加了道路交通安全法律、法规和相关知识学习。</p>
            </div>
            <div class="page-box clearfix">
                <div class="footer-remark pull-right">
                    <p>市（县、区）公安机关<br />交通管理部门（印章）</p>
                    <p class="text-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</p>
                </div>
            </div>
        </div>
        <div class="print-btn" id="printBtn" onclick="printdiv('printContent')">打印本页</div>
    </div>

    <div class="container">
        <div class="page-box">
            <div id="printContentBak">
                <h1 class="text-center">机动车驾驶人满分教育记录单（背面）</h1>
                <h2 class="text-center margin-top50">参加满分教育须知</h2>
                <div class="margin-top50 clearfix">
                    <div class="clearfix">
                        <p class="text-indent">机动车驾驶人参加满分教育不得由他人替学，不得扰乱课堂纪律，不得迟到早退，违反相关规定者取消本次参加教育资格，另行预约参加教育。</p>
                    </div>
                    <div class="clearfix">
                        <p class="pull-right auditor-sign">驾驶人签字：</p>
                    </div>
                </div>
                <h2 class="text-center margin-top50">驾驶人身份证复印件</h2>
                <!-- 					<div class="ID-card"> -->
                <!-- 						<img src="img/temp-1@2x.png" alt="" /> -->
                <!-- 						<img src="img/temp-3@2x.png" alt="" /> -->
                <!-- 					</div> -->
            </div>
        </div>
        <div class="print-btn" id="printBtn_bak" onclick="printdiv('printContentBak')">打印本页</div>
    </div>
</div>
<script type="text/javascript" src="${request.contextPath}/statics/js/modules/offlinestudy/studyprint.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/js/modules/onlinestudy/printRecord.js"></script>
</body>
</html>